<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <!-- img标签的常用属性:
    src属性
        指定图片所在的位置,必选属性（图片路径）
        若不指定,则无法显示图片
    alt属性
        图片加载失败时候的提示信息
    title属性
        图片的标题,可选属性
        当鼠标悬停在图片上显示的内容
    width属性
        指定图片的宽度,可选属性
        当指定了图片的宽度之后,但是未指定其高度,则其高度会等比例变化
        图片的大小发生了变化之后,其清晰度也会随之改变
    height属性
        指定图片的高度,可选属性
        指定图片的宽度,可选属性
        当指定了图片的高度之后,但是未指定其宽度,则其宽度会等比例变化
        图片的大小发生了变化之后,其清晰度也会随之改变
    注意:如果同时设置宽度和高度，有可能会导致图片变形
    -->

    <!--
        当前的html页面和图片如果在同一个文件夹中，可以直接写图片名称

     -->
    <img src="../images/hudie.png" alt="图片加载失败" title="我是蝴蝶">
    <img src="../images/yangmi.png" alt="图片加载失败" title="我是杨幂" width="800" >
    <img src="../images/03.gif" alt="">
</body>
</html>